<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>商品详情页</title>
</head>

<body>
<%@ include file="header.jsp" %>

<div style="margin: 0 auto;width: 90%;">
    <ol class="breadcrumb">
        <li><a href="#">小米商城</a></li>
        <li><a href="#">手机</a></li>
        <li class="active"><a href="getGoodsListByTypeId?typeid=${product.tid}">手机</a></li>
    </ol>
</div>

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-md-6">
            <a href="#" class="thumbnail">
                <%--<img src="${pageContext.request.contextPath}/${product.image}" width="560" height="560" alt="${product.name}"/>--%>
                <img src="${product.image}" width="560" height="560" alt="${product.name}"/>
            </a>
        </div>

        <div class="col-xs-6 col-md-6">
            <div class="panel panel-default" style="height: 560px">
                <div class="panel-heading">商品详情</div>

                <div class="panel-body">
                    <h3>产品名称:
                        <small>${product.name}</small>
                    </h3>

                    <div style="margin-left: 10px;">
                        <p>市场价格:&nbsp;&nbsp;&nbsp;
                            <span class="text-danger" style="font-size: 15px;">${product.price}</span>&nbsp;&nbsp;&nbsp;
                            <span class="glyphicon glyphicon-yen"></span>
                        </p>
                        <p>上市时间:&nbsp;&nbsp;&nbsp;${product.upTime}</p>
                        <p>热销指数:&nbsp;&nbsp;&nbsp;
                            <c:forEach begin="1" end="${product.state}">
                                <img src="image/star_red.gif" alt="star"/>
                            </c:forEach>
                        </p>
                        <p>详细介绍:</p>
                        <p>&nbsp;&nbsp;${product.info}</p>
                        <a href="${pageContext.request.contextPath}/cartCreate?method=create&pid=${product.id}"
                           class="btn btn-warning">加入购物车&nbsp;&nbsp;&nbsp;
                            <span class="glyphicon glyphicon-shopping-cart"></span>
                        </a>&nbsp;&nbsp;&nbsp;
                        <button class="btn btn-danger">直接购买</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<%@ include file="footer.jsp" %>

</body>
</html>